<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
	<head>
	<?php $this->load->view($cfg['tpl'].'public/meta')?>
	</head>
	<!-- body classes: 
			"boxed": boxed layout mode e.g. <body class="boxed">
			"pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> 
	-->
	<body class="front">
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<!-- header start -->
			<?php $this->load->view($cfg['tpl'].'public/header')?>
			<!-- header end -->
			<!-- banner start -->
			<!-- ================ -->
			<div class="banner">
				<!-- slideshow start -->
				<!-- ================ -->
				<div class="slideshow">
					
					<!-- slider revolution start -->
					<!-- ================ -->
					<div class="slider-banner-container">
						<div class="slider-banner">
							<ul>
								<?php foreach ($ad_pic as $k => $v) {?>
								<li>
								<img src="<?php echo base_url($v['imgthumb'])?>"  alt="<?=(!empty($v['title'])? $v['title'] : "") ?>" >
								</li>
								<?php }?>
							</ul>
							
						</div>
					</div>
					<!-- slider revolution end -->

				</div>
				<!-- slideshow end -->

			</div>
			<!-- banner end -->

			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container  parallax light-translucent-bg parallax-bg pro_intro">
				<!-- main start -->
				<!-- ================ -->
				<div class="main">
					<div class="container" style='position:relative'>
						<div style='position: absolute;height: 100%;left: -320px;top: 120px'>
							<img src="<?=base_url($cfg['tpl'])?>/images/hou.png" alt="" style='width:300px'>
							
						</div>
						<div class="img-one" style='position: absolute;height: 100%;right: -320px;top: 120px'>
							<img src="<?=base_url($cfg['tpl'])?>/images/hou2.png" alt="" style='width:300px'>
						</div>
						<div class="row">
							<div class="col-md-12">
								<h1 class="text-center title">Brand Introduction</h1>
								<div class="separator"></div>
<!--								<p class="text-center">品牌相关介绍说明。</p>-->
					<div class="row grid-space-20">
						<?php foreach($ad['jieshao'] as $k => $v) {?>
						<div class="col-sm-4 isotope-item web-design margin-bottom-clear">
							<div class="box-style-1 gray-bg">
								<div class="overlay-container">
									<img src="<?=base_url($v['imgthumb'])?>" alt="">
								</div>
								<div class="image-box-body">
									<h3 class="title"><?=$v['title']?></h3>
									<p><?=$v['desc']?></p>
									<a href="<?=site_url($v['link'])?>" class="btn radius btn-warning">More + </a>
								</div>
							</div>
						</div>
						<?php }?>
					</div>
							</div>
						</div>
					</div>
				</div>
				<!-- main end -->
			</section>
			<!-- main-container end -->
			<!-- main-container start -->
			<!-- ================ -->
			<section class="main-container object-non-visible hot_pro" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
				<div class="container">
					<div class="row">

						<!-- main start -->
						<!-- ================ -->
						<div class="main col-md-12">

							<!-- page-title start -->
							<!-- ================ -->
							<h1 class="page-title text-center">Hot Products</h1>
							<div class="separator"></div>
<!--							<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas nulla suscipit <br> unde rerum mollitia dolorum.</p>-->
							<!-- page-title end -->
							
							<!-- isotope filters start -->
							<div class="filters text-center">
								<ul class="nav nav-pills">
									<li class="active"><a href="#" data-filter=".pro_new">Latest Products</a></li>
									<li><a href="#" data-filter=".pro_hot">Recommendation</a></li>
									<li><a href="#" data-filter=".pro_season">Seasonal special drink</a></li>
								</ul>
							</div>
							<!-- isotope filters end -->

						</div>
						<!-- main end -->
					</div>
				</div>

				<!-- section start -->
				<!-- ================ -->
				<div class="section parallax light-translucent-bg parallax-bg">
					<div class="container">
						<!-- portfolio items start -->
						<div class="isotope-container row grid-space-10">
							<?php foreach($ad['pro_new'] as $k => $v) {?>
							<div class="col-sm-6 col-md-4 isotope-item <?=$v['alias']?>">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="<?=base_url($v['imgthumb'])?>" alt="">
									</div>
									<h3><a href="<?=site_url('production/index_detail/'.$v['advertid'])?>"><?=$v['title']?></a></h3>
									<p><?=$v['desc']?></p>
									<a href="<?=site_url('production/index_detail/'.$v['advertid'])?>" class="btn radius btn-warning">More + </a>
								</div>
							</div>
							<?php }?>
							<?php foreach($ad['pro_hot'] as $k => $v) {?>
							<div class="col-sm-6 col-md-4 isotope-item <?=$v['alias']?>">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="<?=base_url($v['imgthumb'])?>" alt="">
									</div>
									<h3><a href="<?=site_url('production/index_detail/'.$v['advertid'])?>"><?=$v['title']?></a></h3>
									<p><?=$v['desc']?></p>
									<a href="<?=site_url('production/index_detail/'.$v['advertid'])?>" class="btn radius btn-warning">More + </a>
								</div>
							</div>
							<?php }?>
							<?php foreach($ad['pro_season'] as $k => $v) {?>
							<div class="col-sm-6 col-md-4 isotope-item <?=$v['alias']?>">
								<div class="box-style-1 white-bg">
									<div class="overlay-container">
										<img src="<?=base_url($v['imgthumb'])?>" alt="">
									</div>
									<h3><a href="<?=site_url('production/index_detail/'.$v['advertid'])?>"><?=$v['title']?></a></h3>
									<p><?=$v['desc']?></p>
									<a href="<?=site_url('production/index_detail/'.$v['advertid'])?>" class="btn radius btn-warning">More + </a>
								</div>
							</div>
							<?php }?>
						</div>
						<!-- portfolio items end -->
					</div>
				</div>
				<!-- section end -->
			</section>
			<!-- main-container end -->

			<!-- section start -->
			<!-- ================ -->
			<div class="section clearfix join_pro">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h1 class="text-center">Brand Alliance</h1>
							<div class="separator"></div>
									<!-- timeline start -->
									<div class="timeline row">
										<div class="timeline-icon hidden-xs"><i class="fa fa-angle-double-up"></i></div>
										<!-- timeline item start -->
										<?php foreach($ad['jiameng'] as $k => $v){?>
										<div class="timeline-item <?php if(($k+1)%2 == 0){?>pull-right<?php }?> object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
											<!-- blogpost start -->
											<article class="clearfix blogpost">
												<div class="blogpost-body" style="min-height:auto;">
													<div class="circle-number"><?=sprintf ( "%02d",$k+1);?></div>
													<div class="blogpost-content">
														<header>
															<h2 class="title"><?=$v['title']?></h2>
														</header>
														<p><?=$v['desc']?></p>
													</div>
												</div>
											</article>
											<!-- blogpost end -->
										</div>
										<!-- timeline item end -->
										<?php }?>
									</div>
									<!-- timeline end -->
									<div class="text-center">
										<a href="javascript:chatQQ();" class="btn radius btn-warning">Click for Details</a>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->
			<!-- section start -->
			<!-- ================ -->
			<div class="section  gray-bg clearfix">
				<div class="container">
					<h1 class="text-center">Customer Case</h1>
					<div class="separator"></div>
<!--					<p class="lead text-center">客户相关案例介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍客户相关案例介绍</p>-->
					<br>
					<div class="row">
						<div class="main col-md-8 col-md-offset-2">
							<div class="owl-carousel content-slider-with-controls-bottom">
								<?php foreach($ad['anli'] as $k => $v) {?>
								<div class="testimonial clearfix">
									<h2 class="title"><?=$v['title']?></h2>
									<div class="testimonial-image">
										<img src="<?=base_url($v['imgthumb'])?>" alt="Jane Doe" title="Jane Doe">
									</div>
									<div class="testimonial-body">
										<p><?=$v['desc']?></p>
										<!--<div class="testimonial-info-2"></div>-->
									</div>
									<hr>
								</div>
								<?php }?>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->
			<!-- section start -->
			<!-- ================ -->
			<div class="section  parallax light-translucent-bg parallax-bg pro_news" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
				<div class="container" style='position:relative'>
				<div class="hou2" style='position: absolute;height: 100%;left: -350px;top: 120px'>
							<img src="<?=base_url($cfg['tpl'])?>/images/e.png" alt="" style='width:300px'>
							
						</div>
						<div class="img-one" style='position: absolute;height: 100%;right: -310px;top: 120px'>
							<img src="<?=base_url($cfg['tpl'])?>/images/e2.png" alt="" style='width:300px'>
						</div>
					<h1 class="text-center">Brand News</h1>
					<div class="separator"></div>
<!--					<p class="lead text-center">Lorem ipsum dolor sit amet. Maiores, odio ut deleniti doloremque ad at praesentium<br> laudantium molestias similique. Quisquam incidunt ut laboriosam.</p>-->
					<div class="row">
						<div class="col-md-6">
							<h2 class="title"><i class="fa  fa-youtube-play pr-5"></i>Video Center</h2>
							<!--<img src="images/section-image-1.png" alt="">-->
<!--							<div class="space">--><?//=$ad['zixun'][0]['desc']?><!--</div>-->
                            <video src="<?=$ad['zixun'][0]['desc']?>" controls="controls" width="100%"></video>
						</div>
						<div class="col-md-6">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs" role="tablist">
								<?php $i=0; foreach($article as $k => $v){?>
								<li class="<?php if($i == 0){?>active<?php }?>"><a href="#<?=$k?>" role="tab" data-toggle="tab"><i class="fa  fa-newspaper-o pr-5"></i><?=$v['catename']?></a></li>
								<?php $i++;}?>
							</ul>
							<!-- Tab panes -->
							<div class="tab-content">
								<?php $i=0; foreach($article as $k => $v){?>
								<div class="tab-pane fade in <?php if($i == 0){?>active<?php }?>" id="<?=$k?>">
									<div class="row">
										<div class="col-md-12">
											<ul class="list-icons">
												<?php foreach($v['article'] as $k2 => $v2){?>
													<li><i class="fa fa-newspaper-o pr-10"></i><a href="<?=site_url('article/detail/'.$v2['articleid'])?>"><?=$v2['title']?>【<?=date('Y-m-d',$v2['ctime'])?>】</a></li>
												<?php }?>
											</ul>
										</div>
									</div>
									<div class="text-center"><a href="<?=site_url('article/index/'.$k)?>" class="btn radius btn-warning btn-sm">more </a></div>
								</div>
								<?php $i++;}?>
							</div>
							<!-- tabs end -->
						</div>
					</div>
				</div>
			</div>
			<!-- section end -->

			<!-- section start -->
			<!-- ================ -->
			<div class="section clearfix">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<h2>Shop Display</h2>
							<div class="separator-2"></div>
							<div class="owl-carousel carousel">
								<?php foreach($ad['zhanshi'] as $k => $v) {?>
								<div class="image-box">
									<div class="overlay-container">
										<img src="<?=base_url($v['imgthumb'])?>" alt="">
									</div>
									<div class="image-box-body">
										<h3 class="title"><a href="<?=prep_url($v['link'])?>"><?=$v['title']?></a></h3>
									</div>
								</div>
								<?php }?>
							</div>

						</div>
					</div>
				</div>

			</div>
			<!-- section end -->
			<?php $this->load->view($cfg['tpl'].'public/footer')?>
		</div>
		<!-- page-wrapper end -->
	</body>
    <script>
        if(window.screen.width<1000){
            $('.img-one').hide();
        }
    </script>
</html>
